<template>
  <div id="app">
    <!-- {{ $route.meta.alive }} -->
    <headers v-if="$route.meta.alive">
      <div :class="[$route.meta.alive ? 'main' : '']">
        <router-view />
      </div>
    </headers>
    <div v-else :class="[$route.meta.alive ? 'main' : '']">
      <router-view />
    </div>

    <!-- <div @click="toQA" class="concatBtn"> 技术支持Q&A</div> -->

    <!-- <div :class="[$route.meta.alive?'main':'']">
      <router-view/>
    </div> -->
    <!-- <foots  v-if="$route.meta.alive"  /> -->
  </div>
</template>
<script>
import foots from "@/components/foots.vue";
import headers from "@/components/headers.vue";
export default {
  components: { headers, foots },
  data() {
    return {};
  },
  methods:{
    toQA(){
      this.$router.push({
        path:"/qa"
      })
    }
  }
};
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
.concatBtn{
  position: fixed;
  bottom: 90px;
  right: 50px;
  width: 90px;
  height: 90px;
  background: #323232;
  z-index: 999;
  border-radius: 50%;
  box-shadow: 0 0 25px #818181;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;


}
body,
html {
  width: 100%;
  min-width: 1420px;
  overflow-x: auto;
  padding: 0 !important;
}
.main {
  margin-top: 200px;
}
.sameDiv {
  // margin: 0 249px 0 267px;
  // margin: 0 12% ;
  margin: 0 4% ;
}

@media screen and (max-width: 1420px) {
  .sameDiv {
    margin: 0 2%;
  }
  .headers .nav .logoBox .logo {
    margin-right: 50px !important;

  }

}
</style>
